<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>建立岗位胜任力模型-表格</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<link rel="stylesheet" href="../../Content/css/kaoshi.css" />
<!--编辑器样式-->
<link href="../../Scripts/umeditor1_2_2/themes/default/_css/umeditor.css" type="text/css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
	<!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div class="container margin-bottom-20" id="main">
	<div class="page-header page-title h4 container-fluid"> <span>建立岗位胜任力模型</span></div>
	<div class="row">
		<div class="col-md-3">
			<div class="panel panel-default">
				<div class="panel-heading">选择岗位</div>
				 <ul class="list-group list-hover">
				 	<li class="list-group-item"><a href="#">人力资源管理</a></li>
				 	<li class="list-group-item active"><a href="#">商贸零售管理</a></li>
				 	<li class="list-group-item"><a href="#">市场营销</a></li>
				 	<li class="list-group-item"><a href="#">运营管理</a></li>
				 	<li class="list-group-item"><a href="#">财务管理</a></li>
				 	<li class="list-group-item"><a href="#">商务管理</a></li>
				 </ul>
			</div>
			
		</div>
		<div class="col-md-9">
			<div class="title-row h4 container-fluid"> <span>选择职能</span></div>
			<div class="panel-group" id="accordion">
				<ul class="list-unstyled list-hover">
					<li>
						<div class="panel panel-default margin-10-auto">
							<div class="panel-heading form-inline active">
								<input type="checkbox" data-type="flag"  checked/>
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse_1">1.0 理解人力资源管理，其发展、目的与组织</a>
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse_1" class=" font-size-22 pull-right"><i class="glyphicon glyphicon-menu-down"></i></a>
							</div>
							<div id="collapse_1" class="panel-collapse collapse">
								 <div class="panel-body mylist">
								 	<table  class="table table-hover table-bordered">
								 		<thead>
								 			<tr>
								 				<th width="50%">工作任务</th>
								 				<th width="50%">技能要点</th>
								 			</tr>
								 		</thead>
								 		<tbody>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox"/> 3.1     略述人力资源计划的方法
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.1.1对目前优势、劣势的分析（例如人员更替与留存率；旷工；服务年限；工作满足感；保健与安全记录；退出招工面试率之数据）；用于预测供给与需求的方式；连续性计划
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox"/> 3.2   描述与评估不同类型的就业合同
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.2.1全职；兼职；固定；临时；永久；为具体任务/工作而签约；外包给职业介绍所
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%" rowspan="2">
								 					<input type="checkbox"/> 3.3    理解招聘与选择过程
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.3.1招聘：目的（寻找合适人选、避免歧视、表现本组织的积极形象）；使用职位描述与用人标准；申请表；吸引候选人的方式（正式相对于非正式的、外部相对于内部的、选择合适的媒介）；使用代理（公共部门与私营部门）
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.3.2选择：申请信与个人履历（简历、CV）；申请表；推荐信；测试（智能与心理测量）；评估中心；面试
								 				</td>
								 			</tr>
								 		</tbody>
								 	</table>
								 </div>
							</div>
						</div>
					</li>
					<li>
						<div class="panel panel-default margin-10-auto">
							<div class="panel-heading form-inline">
								<input type="checkbox" data-type="flag"/>
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse_2">2.0 理解就业市场以及组织在其中运营的框架如何作用于人员管理</a>
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse_2" class=" font-size-22 pull-right"><i class="glyphicon glyphicon-menu-down"></i></a>
							</div>
							<div id="collapse_2" class="panel-collapse collapse">
								 <div class="panel-body mylist">
								 	<table  class="table table-hover table-bordered">
								 		<thead>
								 			<tr>
								 				<th width="50%">工作任务</th>
								 				<th width="50%">技能要点</th>
								 			</tr>
								 		</thead>
								 		<tbody>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox"/> 3.1     略述人力资源计划的方法
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.1.1对目前优势、劣势的分析（例如人员更替与留存率；旷工；服务年限；工作满足感；保健与安全记录；退出招工面试率之数据）；用于预测供给与需求的方式；连续性计划
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox"/> 3.2   描述与评估不同类型的就业合同
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.2.1全职；兼职；固定；临时；永久；为具体任务/工作而签约；外包给职业介绍所
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%" rowspan="2">
								 					<input type="checkbox"/> 3.3    理解招聘与选择过程
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.3.1招聘：目的（寻找合适人选、避免歧视、表现本组织的积极形象）；使用职位描述与用人标准；申请表；吸引候选人的方式（正式相对于非正式的、外部相对于内部的、选择合适的媒介）；使用代理（公共部门与私营部门）
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.3.2选择：申请信与个人履历（简历、CV）；申请表；推荐信；测试（智能与心理测量）；评估中心；面试
								 				</td>
								 			</tr>
								 		</tbody>
								 	</table>
								 </div>
							</div>
						</div>
					</li>
					<li>
						<div class="panel panel-default margin-10-auto">
							<div class="panel-heading form-inline">
								<input type="checkbox" data-type="flag"/>
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse_3">3.0 理解企业组织如何计划并满足其人力资源需求</a>
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse_3" class=" font-size-22 pull-right"><i class="glyphicon glyphicon-menu-down"></i></a>
							</div>
							<div id="collapse_3" class="panel-collapse collapse">
								 <div class="panel-body mylist">
								 	<table  class="table table-hover table-bordered">
								 		<thead>
								 			<tr>
								 				<th width="50%">工作任务</th>
								 				<th width="50%">技能要点</th>
								 			</tr>
								 		</thead>
								 		<tbody>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox"/> 3.1     略述人力资源计划的方法
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.1.1对目前优势、劣势的分析（例如人员更替与留存率；旷工；服务年限；工作满足感；保健与安全记录；退出招工面试率之数据）；用于预测供给与需求的方式；连续性计划
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox"/> 3.2   描述与评估不同类型的就业合同
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.2.1全职；兼职；固定；临时；永久；为具体任务/工作而签约；外包给职业介绍所
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%" rowspan="2">
								 					<input type="checkbox"/> 3.3    理解招聘与选择过程
								 				</td>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.3.1招聘：目的（寻找合适人选、避免歧视、表现本组织的积极形象）；使用职位描述与用人标准；申请表；吸引候选人的方式（正式相对于非正式的、外部相对于内部的、选择合适的媒介）；使用代理（公共部门与私营部门）
								 				</td>
								 			</tr>
								 			<tr>
								 				<td width="50%">
								 					<input type="checkbox" /> 3.3.2选择：申请信与个人履历（简历、CV）；申请表；推荐信；测试（智能与心理测量）；评估中心；面试
								 				</td>
								 			</tr>
								 		</tbody>
								 	</table>
								 </div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="tool-bar text-right">
				<a class="btn btn-primary">新增职能</a>
				<a class="btn btn-primary">新增工作任务</a>
				<a class="btn btn-primary">修改</a>
				<a class="btn btn-primary">删除</a>
				<a class="btn btn-primary">提交</a>
			</div>
		</div>
	</div>
	
	
</div>


<footer>版权所有：北京英标人力资源有限公司&nbsp;&nbsp; 电话：010-8838838</footer>
<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
	//读取共用的头部和菜单文件
	$("#header").load("header.html nav");
	
	//展开事件处理JS 
	$('.collapse').on('show.bs.collapse', function () {
		//展开后处理箭头图标
		var _flag=$(this).attr('id')
		$('[href="#'+_flag+'"]').find('i').attr('class','glyphicon glyphicon-menu-up')

	}).on('hide.bs.collapse', function () {
		//隐藏后处理箭头图标
		var _flag=$(this).attr('id')
	  	$('[href="#'+_flag+'"]').find('i').attr('class','glyphicon glyphicon-menu-down')
	})
	//勾选框选中后背景切换
	$('#accordion').find('input[data-type="flag"]').on('change',function(){
		if(this.checked){
			if($('#accordion').find('input[data-type="flag"]:checked').not(this).length>0){
				$('#accordion').find('input[data-type="flag"]:checked').not(this)[0].checked=false;
			}
			$(this).parent().addClass('active');
			$('.panel-heading.form-inline.active').not($(this).parent()).removeClass('active')
		}else{
			$(this).parent().removeClass('active');
		}
	})

})
</script>

</body>
</html>
